@import '@/common/css/variables.less';

/* 领券中心，我的优惠券 */
.page-coupon{
	background-color: #f5f5f5;
	.banner{width: 750rpx;height: 300rpx;background-color: #C8C7CC;}
	.coupon-filter{
		height:152rpx;position: relative;
		.filter-bar{
			padding: 0 66rpx;border-bottom: 2rpx solid #f0f0f0; position: fixed;left: 0;top: 0;right: 0;z-index: 101;
			.item{font-size: 28rpx;}
		}
	}
	.coupon-list{
		padding-top: 20rpx;position: relative;
		.item{
			margin: 0 auto 20rpx;
			.part1{
				position: relative;min-height: 174rpx;
				.tag{
					width: 100rpx;line-height: 40rpx;text-align: center;font-size: 22rpx;color: #fff;padding: 0 16rpx;border-radius: 10rpx 0 20rpx 0;position: absolute;left: 0;top: 0;
					&.color1{background-color: #fe2947;}
					&.color2{background-color: #ff6428;}
					&.color3{background-color: #03004c;}
					&.color4{background-color: #4c87ff;}
				}
				.btn{
					width: 140rpx;line-height: 50rpx;text-align: center; border-radius: 25rpx;font-size: 24rpx;color: #fff;background-color: @theme-color;position: absolute;right: 30rpx;bottom: 36rpx;
					&.grey{background-color: #b4b4b4;}
				}
				.left{
					width: 170rpx;padding-top: 20rpx;
					&.left0{padding-top: 0;}
				}
				.right{
					width: calc(100% - 170rpx);padding: 0 26rpx;line-height: 42rpx;
					.online{display: inline-block;vertical-align: middle; line-height: 26rpx;padding: 0 6rpx;margin-left: 8rpx; font-size: 18rpx;color: #c0c0dc;border-radius: 4rpx;background-color: #f5f5ff;}
					.name{display: inline-block;vertical-align: middle;max-width: 380rpx;}
				}
			}
			.part2{ height: 76rpx;padding: 0 26rpx;border-top: 2rpx dashed #f3f3f3; }
		}
	}
	.btn-my-coupon{width: 174rpx;height: 140rpx;position: fixed;right: 0;bottom: calc(100rpx + constant(safe-area-inset-bottom));bottom: calc(100rpx + env(safe-area-inset-bottom));}
}

//领卷中心
.receive{
	background-color: #f8f8f8;height: 100%;overflow: auto;
	// 背景图
	.receive_nav{
		width: 750rpx;height: 400rpx;background-color: #ffffff;
		image{
			width: 750rpx;height: 400rpx;
		}
	}
	// 头部
	.receive_head{
		width: 710rpx;background-color: #ffffff;border-radius: 20rpx;padding: 28rpx 20rpx;
		position: relative;top: -60rpx;left: 20rpx;
		.receive_money{
			display:table-cell;vertical-align:bottom;padding: 20rpx 0 24rpx 0;
			.margin_num{
				margin: 0 12rpx 0 6rpx;
			}
		}
		.receive_label{
			view{
				height: 40rpx;background-color: #fff2ed;border-radius: 5rpx;padding: 0 14rpx;margin-right: 20rpx;
			}
		}
		.info_button{
			width: 670rpx;height: 80rpx;border-radius: 40rpx;margin-top: 30rpx;overflow: hidden;
			.infoB_b1{
				height: 80rpx;background-color: #03004c;font-size: 30rpx;color: #ffffff;
			}
			.infoB_b2{
				height: 80rpx;background-color: #ff6428;font-size: 30rpx;color: #ffffff;padding: 0 !important;margin: 0 !important;border-radius: 0rpx !important;
			}
			.infoB_h1{
				width: 670rpx;
			}
			.infoB_h2{
				width: 50%;
			}
		}
		.head_rec{
			width: 670rpx;height: 80rpx;background-color: #ff6428;border-radius: 40rpx;margin-top: 30rpx;
		}
		.head_rec{
			width: 670rpx;height: 80rpx;background-color: @theme-color;border-radius: 40rpx;margin-top: 30rpx;
		}
		.grey{background-color: #b4b4b4}
	}
	// 详情
	.receive_info{
			width: 710rpx;background-color: #ffffff;box-shadow: 0px 10rpx 18rpx 2rpx rgba(140, 140, 140, 0.01);
			border-radius: 20rpx;padding: 0 20rpx;margin-top: -30rpx;margin-left: 20rpx;
			.margin-30{
				margin-top: 30rpx;
			}
			.margin-20{
				margin-top: 20rpx;
			}
			.marginB-20{
				margin-bottom: 20rpx;
			}
			.receivei_box{
				width: 670rpx;padding: 28rpx 0;border-bottom: 2rpx #eeeeee solid;
				image{
					height: 25rpx;width: 25rpx;margin-left: 20rpx;
				}
			}
			.receivei_store{
				margin-top: 16rpx;
			}
			.receivei_time{
				width: 670rpx;padding: 28rpx 0;border-bottom: 2rpx #eeeeee solid;
			}
			.receivei_bos{
				width: 670rpx;padding: 28rpx 0;
			}
	}
	//弹窗
	.popup_bos{
		width: 580rpx;height: 800rpx;background-color: #ffffff;border-radius: 20rpx;
		.popup_tltle{
			width: 580rpx;height: 140rpx;
		}
		.popup_code{
			width: 450rpx;height: 450rpx;background-color: #f5f5f5;border-radius: 10rpx;
			image{
				width: 300rpx;height: 300rpx;
			}
		}
		.popup_box{
			width: 580rpx;height: 210rpx;
			.margin-20{
				margin-bottom: 20rpx;
			}
		}
	}
}

// 券核销
.write{
	padding-top: 20rpx;padding-bottom: 0;
	/* 头部 */
	.write_head {
	  width: 700rpx;
	  height: 90rpx;
	  background-color: #ffffff;
	  box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(213, 213, 213, 0.3);
	  border-radius: 10rpx;
	  margin: 0rpx auto;
	}
	
	.code_box {
	  width: 349rpx;
	  height: 90rpx;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	
	.code_box image {
	  width: 28rpx;
	  height: 28rpx;
	  margin-right: 23rpx;
	}
	
	.code_box view {
	  font-weight: 700;
	  font-size: 30rpx;
	  color: #323232;
	}
	
	.code_border {
	  width: 2rpx;
	  height: 24rpx;
	  background-color: #f5f5f5;
	}
	
	/* 搜索 */
	.search {
	  width: 700rpx;
	  height: 60rpx;
	  margin: 20rpx auto;
	  .input_search {
	    height: 60rpx;
	    width: 400rpx;
	    background-color: #f5f5f5;
	    border-radius: 30rpx 0 0 30rpx;
	    font-size: 26rpx;
	    padding-left: 27rpx;
	    color: #323232;
	  }
	  .search_img {
	    width: 70rpx;
	    height: 60rpx;
	    background-color: #f5f5f5;
	    border-radius: 0rpx 30rpx 30rpx 0rpx;
	  }
	  
	  .search_img image {
	    width: 24rpx;
	    height: 24rpx;
	  }
	}
	
	/* 数据 */
	.write_bos {
	  width: 700rpx;
	  padding: 0 24rpx;
	  position: relative;
	}
	
	.write_img{
	  width: 140rpx;
	  height: 140rpx;
	  position: absolute;
	  top: 18rpx;
	  right: 28rpx;
	}
	
	.write_box {
	  height: 240rpx;
	  width: 652rpx;
	  padding: 10rpx 0;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-around;
	  border-bottom: 2rpx #d2d2d2 dotted;
	}
	
	.write_discount {
	  display: flex;
	  align-items: baseline;
	  color: #969696;
	}
	
	.write_volume {line-height: 40rpx;}
	
	.write_volume view {
	  font-size: 22rpx;
	  color: #fff;
	  height: 40rpx;
	  background-color: @theme-color;
	  border-radius: 6rpx;
	  line-height: 40rpx;
	  padding: 0 12rpx;
	  margin-right: 14rpx;
	}
	.name_box image {
	  width: 36rpx;
	  height: 36rpx;
	  border-radius: 18rpx;
	  margin-right: 18rpx;
	}
	
	.write_time { height: 90rpx; }
}
/* 弹窗 */
.ComPopup_bos {
  width: 750rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 100rpx;
  padding-top: 60rpx;
  background-color: #ffffff;
  .ComPopup_portrait {
	width: 150rpx;
	height: 150rpx;
	border-radius: 75rpx;
	margin-bottom: 64rpx;
  }
  
  .input_box {
	width: 590rpx;
	height: 90rpx;
	background-color: #f7f7f7;
	border-radius: 45rpx;
	font-size: 32rpx;
	color: #323232;
	padding-left: 42rpx;
	margin-bottom: 50rpx;
  }
  
  .ComPopup_title{
	font-size: 32rpx;
	color: #323232;
	font-weight: 700;
	margin:30rpx 0;
  }
  
  .custom_class {
	width: 590rpx;
	height: 85rpx;
	background-color: @theme-color;
	border-radius: 5px;
	color: #ffffff;
	font-size: 30rpx;
  }
}













